<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../js/flexible.debug.js"></script>
    <script src="../js/flexible_css.debug.js"></script>
    <link rel="stylesheet" href="../css/fenx.css">
</head>
<body>
    <header class="fx-header">
        <div class="header-left">
            <a href="shouye.html"><img src="../imgs/fx-fanh.png"></a>
            <span>首页</span>
        </div>
        <div class="header-center">
            
        </div>
        <div class="header-right">
            <img src="../imgs/fx-zi.png">
        </div>
    </header>
    <main class="main">
        <figure class="main-f">
            <img src="../imgs/fxlogo_02.png">
        </figure>
        <section class="main-font">
            <div class="gs">
                <span>公司</span>
                <span>刘莎</span>
                <span>1小时前</span>
            </div>
            <div class="xiaof">
                <h3>从无印良品到网易严选和米家，如何优雅的完成“消费降级”?</h3>
            </div>
            <div class="miboy">
                <h3>买了小米台灯电水壶插排，肥肠满意，考虑做Miboy了</h3>
            </div>
             <div class="zhub">
                <h3>爱范儿某刘姓主编如果是说。“从无印良品到网易严选和小米，我完成了一次消费降级。”</h3>
            </div>
        </section>
    </main>
    <footer class="fx-footer">
       <section class="footer-bottom">
           <div class="footer-kan">
                <p contenteditable="true">你有什么看法呢？</p>
            </div>
            <div class="footer-shou">
                <dl>
                    <dt><img src="../imgs/fx-xin.png"></dt>
                    <dd>收藏</dd>
                </dl>
                <dl>
                    <dt><img src="../imgs/fx-xiaz.png"></dt>
                    <dd>分享</dd>
                </dl>
                <dl>
                    <dt><img src="../imgs/fx-kuang.png"></dt>
                    <dd>评论</dd>
                </dl>
            </div>
       </section>
       <section class="fx-fenx">
           <div class="fenx-img">
               <img src="../imgs/fx-fenx.png">
               <span>分享文章给朋友：</span>
           </div>
            <div class="fenx-wx">
                <dl>
                    <dt><img src="../imgs/fx-xl.png"></dt>
                    <dd>新浪微博</dd>
               </dl>
               <dl>
                    <dt><img src="../imgs/fx-wx.png"></dt>
                    <dd>微信朋友</dd>
               </dl>
               <dl>
                    <dt><img src="../imgs/fx-pengy.png"></dt>
                    <dd>朋友圈</dd>
               </dl>
               <dl>
                    <dt><img src="../imgs/fx-pocket.png"></dt>
                    <dd>Pocket</dd>
               </dl>
               <dl>
                    <dt><img src="../imgs/fx-everm.png"></dt>
                    <dd>Ecemote</dd>
               </dl>
               <dl>
                    <dt><img src="../imgs/fx-gengd.png"></dt>
                    <dd>更多</dd>
               </dl>
            </div>
       </section>
    </footer>
    <div class="wrap">
        <div class="box">
            <div class="left">
                <img src="../imgs/imgtp.png">
            </div>
            <div class="center" contenteditable="true">
                
            </div>
            <div class="right">
                发表
            </div>
        </div>
    </div>
    <div class="fx-zhe"></div>
    <script src="../js/jquery-2.2.4.min.js"></script>
    <script>
        $(function(){
            $(".footer-kan").click(function(){
                $(".wrap").show();
            })
            $(".wrap").click(function(){
                $(".wrap").hide();
            })
            $('.box').click(function(e){
               e.stopPropagation();             
            })
        })
        
    </script>
</body>
</html>